body{ margin:0; padding:0; background:url(../images/bgbody.gif) repeat-x top center; font:12px Arial, Helvetica, sans-serif;}
.png{
 position:relative;
 behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
 this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
   );
 }
.spacer{ margin-top:10px;}
#wrapper{ width:998px; margin:0 auto;}
#header{ width:100%; height:96px; background:url(../images/bgheader.gif) no-repeat;}
.bb-main{ float:left; width:100%; background:#FFF url(../images/bgpage.gif) repeat-x top center;
-moz-box-shadow: 0 0 5px #cdcdcd;
-webkit-box-shadow: 0 0 5px #cdcdcd;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
}
#logo{ float:left; width:244px; height:92px; margin:5px 0 0 42px; display:inline;}
.header-r{ float:right; width:442px;}
.toplink{ position:relative; float:left; width:100%; margin-top:8px;}
.btn-top{ background:url(../images/btn-top.png) no-repeat;}
.btn-home{ float:left; width:98px; background-position:0px 0px; text-indent:-9999px; margin-right:2px; display:inline; height:25px;}
.btn-favorites{ float:left; width:98px; background-position:-98px 0px; text-indent:-9999px; margin-right:2px; display:inline; height:25px;}
.btn-facebook{ float:left; width:98px; background-position:-196px 0px; text-indent:-9999px; margin-right:2px; display:inline; height:25px;}
#boxFormContainer{ position:relative;left:0px; float:right; top:auto;}
#boxForm
{
	width:130px;
	background:#FFF;
	position:absolute;
	padding: 5px;
	border:1px #c2c2c2 solid;
	z-index:99999;
	top:26px;
	left:0;
	-moz-border-radius:3px;-webkit-border-radius:3px;
}
#boxLink{ cursor:pointer; height:25px; position:relative; float:left; width:142px; background:url(../images/btn-top.png) no-repeat; background-position:-295px 0px; z-index:10;}
a.eng{ background:url(../images/eng-flag.gif) no-repeat left center; font-size:12px; color:#888888; margin:5px 0 0 5px; text-indent:25px; display:block;}
a.vie{ background:url(../images/viet-flag.gif) no-repeat left center; font-size:12px; color:#888888; margin:5px 0 0 5px; text-indent:25px; display:block;}
.b-search{ float:left; width:442px; margin-top:14px;}
.b-search input.text{ float:left; width:380px; height:28px; line-height:28px; background:#FFF; border:1px #ff9ebc solid; border-right:0; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#365ab7; padding-left:8px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
}
.b-search input.btns{ float:left; width:52px; height:32px; background:url(../images/arrow.gif) no-repeat; background-position:-25px -188px; border:0;}
ul.menutop{ float:left; width:60%; height:39px;}
ul.menutop li{ float:left; background:url(../images/bgmenu.gif) no-repeat right center; padding:0 13px; font-size:13px; font-weight:bold; line-height:38px; text-shadow:1px 0px 0px #FFF;}
ul.menutop li a{ background:url(../images/arrow.gif) no-repeat left center; background-position:0px -48px; padding-left:18px;}
ul.menutop li a.home{ float:left; background:url(../images/arrow.gif) no-repeat; background-position:0px -188px; width:25px; height:22px; padding-left:0px; padding-top:8px;}
ul.menutop li a.current{ background:none; padding-left:0px; display:block; padding-top:8px;}
.b-bookmark{ float:right; width:39%; text-align:right; color:#494949; margin-top:12px;}
.b-bookmark a.bmklink{ float:right; background:url(../images/arrow.gif) no-repeat left center; background-position:0 -33px; padding:0 5px 0 17px; color:#888888;}
.bmk{ background:url(../images/arrow.gif) no-repeat;}
.i-bmk-fb{ float:right; width:16px;background-position:0px -224px; margin:0 4px 0 0; display:inline; height:16px;}
.i-bmk-msp{ float:right; width:16px;background-position:-16px -224px; margin-right:4px; display:inline; height:16px;}
.i-bmk-gg{ float:right; width:16px;background-position:-32px -224px; margin-right:4px; display:inline; height:16px;}
.i-bmk-twt{ float:right; width:16px;background-position:-48px -224px; margin-right:4px; display:inline; height:16px;}
.bb-body{ float:left; width:988px; margin:5px; display:inline;}
.sidebar{ float:left; width:180px;}
ul.menuleft{ float:left; width:172px; padding:1px; border:3px #2aafd7 solid;
-moz-border-radius:2px;-webkit-border-radius:2px;
}
ul.menuleft li{ float:left; width:100%; height:32px; background:url(../images/bgmenuleft.gif) repeat-x; border-bottom:1px #d8f9ff solid; line-height:32px; font-weight:bold; font-size:13px;}
ul.menuleft li.current{ background:#2aafd7 url(../images/arrow.gif) no-repeat 0px 0px; height:32px; color:#FFF;}
ul.menuleft li.current a{ color:#FFF;}
ul.menuleft li a{ padding-left:40px;}
.iconmenu{ background:url(../images/iconmenu.png) no-repeat; height:20px; margin:0 0 0 5px; display:inline;}
.cate1{ background-position:0px 0px; }
.cate2{ background-position:0px -20px; padding-bottom:4px;}
.cate3{ background-position:0px -40px; padding-bottom:4px;}
.cate4{ background-position:0px -60px; padding-bottom:4px;}
.cate5{ background-position:0px -80px;}
.cate6{ background-position:0px -100px; padding-bottom:4px;}
.cate7{ background-position:0px -120px; padding-bottom:2px;}
.cate8{ background-position:0px -140px; padding-bottom:2px;}
.cate9{ background-position:0px -160px; padding-bottom:3px;}
.cate10{ background-position:0px -180px; padding-bottom:3px;}
.cate11{ background-position:0px -200px; padding-bottom:3px;}
.ads-left{ float:left; width:174px; border:3px #3359b6 solid; margin-top:5px; text-align:center; padding:7px 0;}
.title-side{ float:left; width:100%; height:30px; background:#3459b7; -moz-border-radius:3px; -webkit-border-radius:3px; line-height:30px; margin-top:5px;}
.title-side h2{ background:url(../images/arrow.gif) no-repeat left center; background-position:0px -62px; margin-left:4px; padding-left:14px; display:inline; font-size:13px; font-weight:bold; color:#FFF;}
ul.img-partner{ float:left; width:100%; margin-top:3px;}
ul.img-partner li{ float:left; width:88px; margin:2px 0 0 2px; display:inline;}
ul.text-partner{ float:left; width:100%; margin-top:3px;}
ul.text-partner li{ float:left; width:100%; border-bottom:1px #dfdfdf solid; margin:2px 0 0 0; padding-bottom:8px; font-size:11px;}
ul.text-partner li.end{ border-bottom:0;}
/*----Slide-------*/
#page-wrap{ width: 522px; position: relative; float:left; height: 378px; background: url(../images/bgslide.gif) top center; }
.slider-wrap { width: 496px; position: absolute; top: 13px; left: 13px; }			
.stripViewer { position: relative; overflow: hidden; width: 496px; height: 276px;}
.stripViewer .panelContainer { position: relative; left: 0; top: 0;}
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 496px;}
.stripNavL, .stripNavR, .stripNav { display: none;}
.nav-thumb{ border: 1px solid #385cb8; padding:1px;}
#movers-row{ margin: -55px 0 0 92px; }
#movers-row div{ width: 101px; float: left;}
#movers-row div a.cross-link { float: right;}
.photo-meta-data { background: #000; filter: alpha(opacity=60);opacity: 0.6; -khtml-opacity: 0.6; padding: 10px; line-height:28px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span { font-size: 13px; font-weight:bold;}
.photo-meta-data span a{ color:#FFF; text-decoration:none;}
.cross-link { display: block; width: 92px; margin-top: -9px; position: relative; padding-top: 13px; z-index: 9999;}
.active-thumb { background: transparent url(../images/icon-uparrowsmallwhite.gif) top center no-repeat;}
.active-thumb img{ border:1px #2aafd7 solid;}
.main-r{ float:left; width:794px; margin: 0 0 0 14px; display:inline;}
.b-news{ float:right; width:250px; margin:0 0 0 14px; display:inline; border:3px #3459b7 solid; padding:1px;}
.title-news{ float:left; width:100%; height:28px; background:#3459b7; line-height:28px;}
.title-news h2 { background:url(../images/arrow.gif) no-repeat left center; background-position:0px -62px; margin-left:4px; padding-left:14px; display:inline; font-size:13px; font-weight:bold; color:#FFF;}
ul.listnews{ float:left; width:100%; margin-top:5px;}
ul.listnews li{ float:left; width:100%; padding:6px 0px; font-size:11px; color:#333; line-height:18px;}
ul.listnews li img.thumb{ float:left; width:60px; margin:0 8px; display:inline;}
ul.listnews li h2{ float:left; width:170px; font-size:12px; font-weight:bold; line-height:normal;}
ul.listnews li.line{ background:#e3f8ff;}
ul.listnews li.end{ float:right; width:244px; text-align:right; padding:0 6px 3px 0;}
ul.listnews li.end a.viewmore{ background:url(../images/arrow.gif) no-repeat right center; background-position:0px -89px; padding-right:10px; font-size:11px;}
.b-listgame{ float:left; width:794px;}
.thumb-bb{float: left; margin: 10px 0 0 0; padding: 0; position: relative; width: 794px;}
.thumb-bb .icon1{ background: url(../images/icon.png) no-repeat; background-position:0px 0px; height: 62px; left: -10px; position: absolute; top: -20px; width: 60px; z-index: 1000;}
.thumb-bb .pod-head{ background: url(../images/bgbox1.png) no-repeat scroll center top transparent; float: left; height: 25px; padding: 8px 0 8px 0; width: 794px;}
.thumb-bb .b-content1{ background: url(../images/bgbox1.png) no-repeat scroll center bottom transparent; float: left; padding-bottom: 15px; width: 794px;}
.pod-head .bb-games{background: url(../images/i-title.png) no-repeat scroll 0px 0px transparent; float: left; height: 25px; margin: 5px 0 0 45px; display:inline; overflow: hidden; text-indent: -2000em; width: 126px;}
.pod-head .bb-group{background: url(../images/i-title.png) no-repeat scroll -130px 0px transparent; float: left; height: 25px; margin: 8px 0 0 10px; display:inline; overflow: hidden; text-indent: -2000em; width: 126px;}
.pod-head .titlecate{ float: left; height: 25px; margin: 3px 0 0 45px; display:inline; overflow: hidden; font-size:18px; font-weight:bold; color:#3459b7; text-shadow:1px 0px 0px #888;}
.game-more{ float: right; margin:6px 8px 0 0; display:inline; background:url(../images/arrow.gif) no-repeat; background-position:0px -160px; width:90px; height:24px;}
ul.listgame{ position:relative; float:left; width:100%;}
ul.listgame li{ position:relative; float:left; width:142px; margin:15px 0 0 9px; display:inline; background: url(../images/bg-game.png) no-repeat top center; font-size:11px; color:#888888; padding-left:6px;}
ul.listgame li img.thumb{ float:left; width:136px; padding-top:6px; -moz-border-radius:4px; -webkit-border-radius:4px;}
ul.listgame li h2{ float:left; width:100%; font-size:11px; font-weight:bold; padding-top:6px;}

.thumb-hot{float: left; margin: 20px 0 0 0; padding: 0; position: relative; width: 794px;}
.thumb-hot .icon2{ background: url(../images/icon.png) no-repeat; background-position:-60px 0px; height: 62px; left: -10px; position: absolute; top: -20px; width: 60px; z-index: 1000;}
.thumb-hot .pod-head2{ background: url(../images/bgbox2.png) no-repeat scroll center top transparent; float: left; height: 25px; padding: 8px 0 8px 0; width: 794px;}
.thumb-hot .b-content2{ background: url(../images/bgbox2.png) no-repeat scroll center bottom transparent; float: left; padding-bottom: 15px; width: 794px;}
.pod-head2 .titlecate{ float: left; height: 25px; margin: 3px 0 0 45px; display:inline; overflow: hidden; font-size:18px; font-weight:bold; color:#3459b7; text-shadow:1px 0px 0px #888;}
.pod-head2 .titlegame{ float: left; height: 25px; margin: 3px 0 0 12px; display:inline; overflow: hidden; font-size:18px; font-weight:bold; color:#3459b7; text-shadow:1px 0px 0px #888;}
.pod-head2 .hot-games{background: url(../images/i-title.png) no-repeat scroll 0px 0px transparent; float: left; height: 25px; margin: 5px 0 0 45px; display:inline; overflow: hidden; text-indent: -2000em; width: 126px;}
ul.list-group{ float:left; width:100%;}
ul.list-group li{ float:left; width:182px; background:url(../images/dota.gif) repeat-x bottom center; padding-bottom:8px; margin:8px 0 0 14px; display:inline; font-weight:bold; font-size:11px;}
ul.list-group li a{ background:url(../images/arrow.gif) no-repeat left center; background-position:0 -73px; padding-left:10px;}

.footer{ float:left; width:100%; background:#e8eae9; margin-top:18px; padding:15px 0;}
.footer span{ position:relative; float:left; background:url(../images/arrow.gif) no-repeat; background-position: 0px -103px; color:#888; margin:0 0 0 8px; display:inline; padding-left:80px; line-height:28px; font-size:11px;}
.footer span a{ padding:0 3px; text-shadow:1px 0px 0px #FFF;}

/*-------------Categories-----------*/
.quicklink{ float:left; width:792px; height:22px; border:1px #dddddd solid; -moz-border-radius:3px; -webkit-border-radius:3px; background:url(../images/bg-link.gif) repeat-x; line-height:22px; font:11px Tahoma, Geneva, sans-serif;}
.quicklink a.first{ float:left; background:url(../images/arrow.gif) no-repeat left center; background-position:-64px -224px; text-indent:16px; margin:3px 5px 0 5px; display:inline;}
.quicklink a.second{float:left; background:url(../images/arrow.gif) no-repeat left center; background-position:-64px -89px; text-indent:16px; margin:3px 5px 0 5px; display:inline;}
.quicklink a:hover{ text-decoration:underline;}
.quicklink a.current{ color:#444;}
.irss{ float:right; width:18px; height:17px; background:url(../images/arrow.gif) no-repeat; background-position:-81px -187px; margin-top:2px;}
ul.new-cate{ float:left; width:478px; margin:0 0 0 3px; display:inline;}
ul.new-cate li{ float:left; width:142px; margin:18px 0 0 12px; display:inline;}
ul.new-cate li .bgimg{ float:left; width:136px; height:86px; border:3px #FFF solid;
-moz-border-radius:3px; -moz-border-radius:3px; -moz-box-shadow:1px 0 3px #999;
}
ul.new-cate li h2{ float:left; width:100%; font-size:11px; font-weight:bold; padding-top:5px; text-indent:3px;}
.ads-cate{ float:left; width:300px; height:250px; margin:15px 0 0 0; display:inline;}
.panaging{ float:left; width:100%; margin-top:20px;}
.pagination{ padding: 3px; }
.pagination ul{ margin: 0; padding: 0; text-align: center; font-size: 13px; font-weight:bold;}
.pagination li{ list-style-type: none; display: inline;}
.pagination a, .pagination a:visited{ padding: 2px 7px; border: 1px solid #cccccc; text-decoration: none;  color: #3459B7;-moz-border-radius:3px;-webkit-border-radius:3px;}
.pagination a:hover, .pagination a:active{ border: 1px solid #2b66a5; color: #FFF; background-color: #3459B7;}
.pagination a.currentpage{ background-color: #3459B7; color: #FFF !important; border-color: #2b66a5; font-weight: bold; cursor: default; border:0;}
.pagination a.disablelink, .pagination a.disablelink:hover{ background-color: white; cursor: default; color: #3459B7; border-color: #cccccc; font-weight: bold !important;}
.pagination a.prevnext{font-weight: normal;}

ul.group-left{ float:left; width:174px; border:3px #3359b6 solid; margin-top:5px; padding:8px 0; background:#f1fcff; -moz-border-radius:3px; -webkit-border-radius:3px;}
ul.group-left li{ float:left; width:164px; background:url(../images/dota.gif) repeat-x bottom center; padding-bottom:8px; margin:8px 0 0 5px; display:inline; font-weight:bold;}
ul.group-left li a{ background:url(../images/arrow.gif) no-repeat left center; background-position:0 -73px; padding-left:10px;}
ul.group-left li.tt-group{background: url(../images/i-title.png) no-repeat scroll -130px 0px transparent; float: left; height: 25px; margin: 0 0 0 10px; display:inline; overflow: hidden; text-indent: -2000em; width: 126px;}
.pod-head .titlegame{ float: left; height: 25px; margin: 3px 0 0 12px; display:inline; overflow: hidden; font-size:18px; font-weight:bold; color:#3459b7; text-shadow:1px 0px 0px #888;}

.btn-social{ float: left; width:100%; margin:5px 0 0 8px; display:inline;}
.b-play{ float:left; width:764px; margin:15px 15px 0 15px; display:inline; text-align:center;}
.game-action{ float:left; width:762px; padding:8px 0; background:#FFF; border:1px #ededed solid; -moz-border-radius:3px; -webkit-border-radius:3px; margin:5px 0 0 15px; display:inline;}
.game-action div.left{ float:left; margin:0px 0 0 5px; display:inline; color:#444;}
.game-action div.left span{ float:left; line-height:28px; }
.game-action div.left span.rate{ float:left; padding:0 5px 0 0;}
.game-action div.right{ float:right; margin:4px 0 0 0; display:inline;}
a.action1{ float:left; width:115px; height:22px; background:url(../images/arrow.gif) no-repeat; background-position:0px -244px; text-indent:-9999px; margin-right:10px; display:inline;}
a.action1:hover{background-position:-116px -244px; }
a.action2{ float:left; width:100px; height:22px; background:url(../images/arrow.gif) no-repeat; background-position:0px -267px; text-indent:-9999px; margin-right:10px; display:inline;}
a.action2:hover{background-position:-101px -267px; }
a.action3{ float:left; width:98px; height:22px; background:url(../images/arrow.gif) no-repeat; background-position:0px -290px; text-indent:-9999px; margin-right:10px; display:inline;}
a.action3:hover{background-position:-99px -290px; }

ul.infogame{ float:left; width:365px; padding:5px; margin:5px 0 0 15px; display:inline; background:#fcffed; border:1px #ededed solid; -moz-border-radius:3px; -webkit-border-radius:3px;}
ul.infogame li{ float:left; width:100%; margin:12px 0 0 0; line-height:18px; color:#444; border-bottom:1px #ebeed9 solid; padding-bottom:8px; text-shadow:1px 0 0 #ddd;}
ul.infogame li span.left{ float:left; width:20%; font-weight:bold;}
ul.infogame li span.right{ float:left; width:79%;}
ul.infogame li.end{ border-bottom:0;}
ul.infogame li.top{ border-bottom:0; font-size:14px; font-weight:bold; color:#3459b7;}
.comment{ float:left; width:365px; padding:5px; margin:5px 0 0 10px; display:inline; background:#fcffed; border:1px #ededed solid; -moz-border-radius:3px; -webkit-border-radius:3px;}
.comment h2{ width:100%; font-size:14px; font-weight:bold; color:#3459b7; padding-top:10px;}
.bglogin{ float:left; width:353px; padding:14px 5px; display:inline; background:#FFF; border:1px #ededed solid; text-align:center; margin-top:8px;}
ul.listcomment{ position:relative; float:left; width:100%; height:250px; overflow-x:hidden; overflow-y:auto; margin-top:5px;}
ul.listcomment li{ float:left; width:365px; margin:5px 0 0 0; border-bottom:1px #ebeed9 solid; display:inline; line-height:18px; font-size:11px; background:#FFF; padding:4px 0;}
ul.listcomment li img.thumb{ float:left; width:50px; height:50px; padding:2px; background:#FFF; border:1px #ebeed9 solid; margin-right:5px; display:inline;}
ul.listcomment li .infocmt{ position:relative; float:left; width:300px;}
ul.listcomment li .infocmt .arrow{ position:absolute; width:11px; height:13px; background:url(../images/arrow-cm.gif) no-repeat; top:12px; left:0; z-index:9;}
ul.listcomment li .infocmt .textcmt{ position:relative; float:left; width:258px; background:#FFF; border:1px #d9d9d9 solid; padding:5px; font-size:11px; color:#444; left:10px; }
ul.listcomment li .infocmt .textcmt font.date{ color:#777;}

.panaging-cm{ float:left; width:100%; margin-top:10px;}
.pagination-cm{ padding: 2px;}
.pagination-cm ul{ margin: 0; padding: 0; text-align: center; font-size: 11px; font-weight:normal;}
.pagination-cm li{ list-style-type: none; display: inline;}
.pagination-cm a, .pagination-cm a:visited{ padding: 1px 5px; border: 1px solid #cccccc; text-decoration: none;  color: #3459B7;-moz-border-radius:3px;-webkit-border-radius:3px;}
.pagination-cm a:hover, .pagination-cm a:active{ border: 1px solid #2b66a5; color: #FFF; background-color: #3459B7;}
.pagination-cm a.currentpage{ background-color: #3459B7; color: #FFF !important; border-color: #2b66a5; font-weight: bold; cursor: default;}
.pagination-cm a.disablelink, .pagination-cm a.disablelink:hover{ background-color: white; cursor: default; color: #3459B7; border-color: #cccccc; font-weight: bold !important;}
.pagination-cm a.prevnext{font-weight: normal;}

/*-----Search-------*/
.search-label{ float:left; width:240px; font-weight:bold; color:#444; line-height:30px; text-align:right; margin-right:8px; display:inline;}
.nonespacer{ margin:0;}
.titleresults{ float:left; width:788px; margin:18px 0 0 3px; display:inline; color:#444; background:#f7fddc; border:1px #e8f0c6 solid; border-width:1px 0 1px 0; padding:10px 0;}
.titleresults span.left{ float:left; text-indent:10px; line-height:25px;}
.titleresults span.right{ float:right; color:#444; margin-right:8px; display:inline;}
.titleresults span.right select{ border:1px #dadada solid; padding:2px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.b-search2{ float:left; width:442px;}
.b-search2 input.text{ float:left; width:380px; height:28px; line-height:28px; background:#FFF; border:1px #2aafd7 solid; border-right:0; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#2aafd7; padding-left:8px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
}
.b-search2 input.btns{ float:left; width:52px; height:32px; background:url(../images/arrow.gif) no-repeat; background-position:-101px -188px; border:0;}
.b-keyword{ float:left; width:748px; padding:20px; line-height:24px; font-size:13px;}
.b-keyword a{ text-decoration:underline; padding-right:5px;}
ul.tabgame{ float: left; height: 30px; margin: 3px 0 0 10px; display:inline; overflow: hidden; font-size:18px; color:#3459b7;}
ul.tabgame li{ float:left; margin-right:5px; display:inline; line-height:30px;}
ul.tabgame li.current{ background:#a4d102; padding: 0 15px; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px;}
ul.tabgame li.current a{ color:#FFF;}